<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; 			charset=iso-8859-15">
		<title>Bloque TJ5 1</title>	
		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
		
	</head>
	
	<body>
		<h2>Hola</h2>
		<h2>Hasta luego</h2>
		<h3>Intermedio</h3>
		<h2>Terminado</h2>
		
		<script >
			//Añadimos un controlador para el evento de carga del
			//body de la página, cuando éste se cargue se llamará
			//a la función titulos que mostrará una alerta:
			$(document).load(titulos());
			
			//Método que busca los títulos de la página:
			//Es muy parecido al caso con JavaScript, cambia la 				forma de obtener los elementos con la etiqueta h2 y la 			forma de poder tomar el texto que hay en el elemento.
			function titulos(){
				var cadena="";
				//Usamos un selector para tomar los títulos de la 				página:
				var titulos = $('h2'); 
				for (var i=0 ; i<titulos.length ; i++){
					//El elemento a tomar tiene que ser un objeto 						jQuery para poder usar la función .html() que 						funciona casi igual a la función innerhtml 						antes usada con JavaScript:
					cadena = cadena + "\n \t " + $(titulos[i]).html();
				}
				//Mostramos con una alerta los títulos:
				alert('Titulos encontrados: \n' + cadena);
			}
		</script>	
		
	</body>
</html>
